<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--
    html页面中位了更加规则的表示某些数据 可以采用列表的形式
     html标签中提供了 三种列表方案
     1.有序列表   ol  li
     2.无序列表   ul   li  后续多见于实现页面的布局
     3.自定义列表  dl   dt  dd
-->
<h3>有序列表</h3>
<ol>
  <li>java</li>
  <li>html</li>
  <li>css</li>
</ol>

<hr>

<h3>无序列表</h3>
<ul>
  <li>java</li>
  <li>html</li>
  <li>css</li>
</ul>


<hr>
<h3>自定义列表</h3>
<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dd>- black hot drink</dd>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
  <dd>- white cold drink</dd>
  <dd>- white cold drink</dd>
</dl>

<select>
  <optgroup label="web前端">
    <option>javascript</option>
    <option>html</option>
    <option>css</option>
  </optgroup>

  <optgroup label="java">
    <option>java</option>
    <option>ssm</option>
    <option>springboot</option>
  </optgroup>
</select>

<span>
  <b>合肥</b>
  <font color="blue" size="30px">
    <i>合肥</i>
  </font>
</span>
</body>
</html>